<template>
	<navigator style="position: relative;" :url="`/pages/settle/detail?id=${item.id}`">
		<view class="tag">
			{{item.tag.name}}
		</view>
		<!-- <image :src="item.image" style="width: 100%;height: 300rpx;" mode="widthFix"></image> -->
		<u-image :src="item.image" width="100%" height="300rpx" radius="10"></u-image>
		<u-toast ref="uToast"></u-toast>
	</navigator>
</template>

<script>
	export default {
		props: {
			item: Object,
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.tag {
		padding: 10rpx 15rpx;
		border-top-left-radius: 20rpx;
		border-bottom-right-radius: 20rpx;
		background-color: $color;
		color: #fff;
		position: absolute;
		top: 0rpx;
		left: 0rpx;
		z-index: 0;
		font-size: 24rpx;
		z-index: 99;
	}
</style>